<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商品评价</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/comments.css" />
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
	</head>

	<body>
		<!--头部-->
		<div class="header">

			<div class="top">
				<div>
					<span class="shop_car"><a href="shop_cart.html">购物车</a></span>
					<span class="msg"><a href="javascript:void(0)">消息通知</a></span>
					<span class="login"><a href="login.html">登录</a></span>
					<span class="register"><a href="reg.html">注册</a></span>
				</div>
			</div>
			<!--logo&搜索栏-->
			<div>
				<div class="logo">
					<a href="index.html"><img src="img/logo.jpg" alt="logo"></a>
				</div>
				<form class="search"><label>宝贝</label><input type="text" name="search_input" value="请输入关键字" /><button>搜索</button></form>
			</div>

			<div class="nav">
				<div class="sidebar">
					<span class="sort">商品分类</span>
					<ul>
						<li>
							<a href="shop_list.html">早餐神器 极速享受 &gt;</a>
						</li>
						<li>
							<a href="shop_list.html">懒人厨房 百变料理 &gt;</a>
						</li>
						<li>
							<a href="shop_list.html">养生至尚 极致生活 &gt;</a>
						</li>
						<li>
							<a href="shop_list.html">早餐神器 极速享受 &gt;</a>
						</li>
					</ul>
				</div>

				<ul>
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="shop_list.html">电饭锅</a>
					</li>
					<li>
						<a href="shop_list.html">电压力锅</a>
					</li>
					<li>
						<a href="shop_list.html">电炖锅</a>
					</li>
					<li>
						<a href="javascript:void(0)">联系我们</a>
					</li>
					<li>
						<a href="javascript:void(0)">企业采购</a>
					</li>
					<li>
						<a href="javascript:void(0)">在线商城</a>
					</li>
				</ul>
			</div>
		</div>
		<!--内容-->
		<div class="middle">
			<div class="box">
				<div class="progress">
					<ul>
						<li>
							<h4>拍下宝贝</h4>
							<span></span>
							<p></p>
						</li>
						<li>
							<h4>付款</h4>
							<span></span>
							<p></p>
						</li>
						<li>
							<h4>卖家发货</h4>
							<span></span>
							<p></p>
						</li>
						<li>
							<h4>收货</h4>
							<span></span>
							<p></p>
						</li>
						<li>
							<h4>评价</h4>
							<span></span>
						</li>
					</ul>
				</div>
				<h4>评价宝贝</h4>
				<ol class="pro_comment">
					<li>
						<span class="pro_img"><a href="pro_details.html"><img src="img/comments_img.jpg" alt="" /></a></span>
						<div class="pro_info">
							<h5><a href="pro_details.html">电炖锅煲汤锅白瓷陶瓷隔水全自动炖汤煮粥锅电炖盅</a></h5>
							<span class="color_sort">颜色：灰色</span>
							<span class="num">数量：1个</span><br />
							<span class="feature">特色：蒸煮一体</span>
						</div>

						<div>
							<span>商品满意度</span>
							<ul id="satisfaction">
								<li><img src="img/star_none.png" /></li>
								<li><img src="img/star_none.png" /></li>
								<li><img src="img/star_none.png" /></li>
								<li><img src="img/star_none.png" /></li>
								<li><img src="img/star_none.png" /></li>
							</ul>
						</div>
						<div>
							<span>送货的速度</span>
							<ul id="speed">
								<li><img src="img/star_none.png" /></li>
								<li><img src="img/star_none.png" /></li>
								<li><img src="img/star_none.png" /></li>
								<li><img src="img/star_none.png" /></li>
								<li><img src="img/star_none.png" /></li>
							</ul>
						</div>
						<div>
							<span>商品的包装</span>
							<ul id="decorate">
								<li><img src="img/star_none.png" /></li>
								<li><img src="img/star_none.png" /></li>
								<li><img src="img/star_none.png" /></li>
								<li><img src="img/star_none.png" /></li>
								<li><img src="img/star_none.png" /></li>
							</ul>
						</div>
					</li>
				</ol>
				<form>
					<h5>买家印象</h5>
					<div class="evalutes">
						<span>值得信赖</span>
						<span>正品</span>
						<span>满意</span>
						<span>还不错</span>
						<span>大品牌</span>
					</div>
					<div class="upload">
						<img src="img/comments_upload_img_01.jpg" /><br />
						<span>上传１张，还可以上传９张</span><br />
						<input type="button" id="upload_img" value="上传照片" />
						<input type="file" />
					</div>
					<textarea placeholder="我也来说说"></textarea><br />
					<input type="submit" id="sub" name="sub" value="提交" onclick="return false" />
				</form>
				<h3>其他人的评价</h3>
				<ul class="evalute">
					<li>
						<div class="account">
							<span class="avatar"><img src="img/comments_avatar.jpg" /></span>
							<span class="account_name">账号</span>
						</div>
						<div>
							<p>以前推荐过朋友买两到四人的锅，家里用的也是那个型号。这次自己搬出来住，果断入手一个小号的，好可爱的锅，两个人吃足够了。以后每天给自己做早饭！ 包装很好，很满意。</p>
							<span class="time">2017-4-22</span>
							<a href="javascript:void(0)" class="addition">追加评论</a>
							<img src="img/evalute_img01.jpg" />
							<img src="img/evalute_img02.jpg" />
							<img src="img/evalute_img03.jpg" />
						</div>
						
					</li>
					<li>
						<div class="account">
							<span class="account_name">12212212</span>
						</div>
						<p>以前推荐过朋友买两到四人的锅，家里用的也是那个型号。这次自己搬出来住，果断入手一个小号的，好可爱的锅，两个人吃足够了。以后每天给自己做早饭！ 包装很好，很满意。</p>
					</li>
					<li>
						<div class="account">
							<span class="account_name">12212212</span>
						</div>
						<p>以前推荐过朋友买两到四人的锅，家里用的也是那个型号。这次自己搬出来住，果断入手一个小号的，好可爱的锅，两个人吃足够了。以后每天给自己做早饭！ 包装很好，很满意。</p>
					</li>
				</ul>
			</div>
		</div>
		<!--尾部-->
		<div class="footer">
			<ul>
				<li><img src="img/contact_icon.png" alt=""><span>QQ公众号</span></li>
				<li><img src="img/contact_icon.png" alt=""><span>QQ公众号</span></li>
				<li><img src="img/position_icon.png" alt=""><span>520余家售后网点</span></li>
				<li><img src="img/position_icon.png" alt=""><span>520余家售后网点</span></li>
			</ul>
			<hr>
			<div>
				<dl>
					<dt>帮助中心</dt>
					<dd>账号管理</dd>
					<dd>购物指南</dd>
					<dd>订单操作</dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd>账号管理</dd>
					<dd>购物指南</dd>
					<dd>订单操作</dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd>账号管理</dd>
					<dd>购物指南</dd>
					<dd>订单操作</dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd>账号管理</dd>
					<dd>购物指南</dd>
					<dd>订单操作</dd>
				</dl>

				<span>400-400-4000</span>
				<p>在 线 客 服</p>
			</div>

			<p>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 </p>
			<p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		<script type="text/javascript" src="js/comments.js"></script>
	</body>

</html>